@charset "utf-8";

/* CSS Document */
a,a:link,a:visited{color:#555;text-decoration: none;}
a:hover,a:active{color:#1a99da;text-decoration: none;}

body{ 
  -moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
  user-select: none;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, td,s {margin: 0;padding: 0; line-height:1.2}
th{margin: 0;padding: 0;}
body, button, input, select, textarea{font:16px Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif; color:#333;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight:normal;}
address, cite, dfn, em, var {font-style: normal;}
code, kbd, pre, samp {font-family: courier new,courier,monospace;}
small {font-size: 12px;}
ul, ol {list-style: none outside none;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
legend {color: #000000;}
fieldset, img {border: 0 none;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0; width:100%;}
s{ font-style:normal; text-decoration:none;}
li{ list-style-type:none;}
i{ font-style: normal; }
.clearfix { *zoom: 1;}
.clearfix:before,.clearfix:after { display: table;line-height: 0;content: "";}
.clearfix:after { clear: both;}

i{ vertical-align:middle;}
i,label,input[type="checkbox"]{ vertical-align:middle;}
select{width:225px; height:30px; line-height:30px;}
map area{ outline: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  vertical-align:middle;
}


.block{ display: block;}
.auto{ margin:0 auto;}
.left{ float:left;}
.right{ float:right}
.bold{ font-weight:bold;}
.center{ text-align:center;}
.over{ overflow:hidden;}
.clear{ clear:both;}
.dashed{ border-bottom:1px dashed #ccc;}
.txt2em{ text-indent:2em;}
.relative{ position:relative;}
.absolute{ position:absolute;}
.txtOver{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pad5{ padding:5px;}
.pad10{ padding:10px;}
.pad15{ padding:15px;}
.pad15RL{ padding:0 15px;}
.pad15TB{ padding:15px 0;}

.pad20{ padding:20px;}
.pad30{ padding:30px;}
.pad40{ padding:40px;}
.pad20TB{ padding:20px 0;}
.pad10TB{ padding:10px 0;}
.pad30TB{ padding:30px 0;}
.pad30RL{ padding:0 30px;}
.pad40RL{ padding:0 40px;}
.pad5TB{ padding:5px 0;}
.pad20RL{ padding:0 20px;}
.pad10RL{ padding:0 10px;}
.pad5RL{ padding:0 5px;}
.pad50RL{ padding: 20px 50px; }
.padA5 a,.padS5 s{ padding:0 5px;}
.padA10 a{ padding:0 10px;}.padA20 a{ padding:0 20px;}.padA30 a{ padding:0 30px;}
.padAR20 a{ padding-right: 20px; } 
.padEm em{ font-weight:bold; padding:0 5px 0 0;}
.rightA10 a{ margin-right:10px;}
.transtion,.transtion li,.transtion dd,.transtion a{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.borderNo{ border:none !important;}
.border{ border: 1px solid #eee}
.borderRad{ border: 1px solid #D3D5E1; border-radius: 12px;}
.widthfull{ width:100%;}
.width1200{ width:1200px;}
.width945{ width:945px;}
.width980{ width:980px;}
.width542{ width:542px;}
.width225{ width:225px;}
.width250{ width:250px;}
.width728{ width:728px;}
.width730{ width:730px;}
.width527{ width:527px;}
.width540{ width:540px;}
.width774{ width:774px;}
.width767{ width:767px;}
.width760{ width:760px;}
.width772{ width:772px;}
.width382{ width:382px;}
.width324{ width:324px;}
.width380{ width:380px;}
.width223{ width:223px;}
.width191{ width:191px;}
.width60{ width:60px;}
.width498{ width:498px;}
.width290{ width:290px;}
.width288{ width:288px;}
.width700{ width:700px;}

.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font14b{ font-size:14px; font-weight:bold;}
.font16{ font-size:16px;}
.font16b{ font-size:16px; font-weight:bold;}
.font18{ font-size:18px;}
.font18b{ font-size:18px; font-weight:bold;}
.font20{ font-size:20px;}
.font30{ font-size:30px;}
.font30b{ font-size:30px; font-weight: bold;}
.font35{ font-size:35px;}
.font36{ font-size:36px;}
.font36b{ font-size:36px; font-weight: bold;}
.font28{ font-size:28px;}
.font20b{ font-size:20px; font-weight:bold;}
.font22{ font-size:22px; }
.font22b{ font-size:22px; font-weight:bold;}
.font24b{ font-size:24px; font-weight:bold;}
.font24{ font-size:24px;}
.font26{ font-size:26px;}
.font26b{ font-size:26px; font-weight: bold}
.font28b{ font-size:28px; font-weight: bold}
.font34{ font-size:34px;}

.line16{ line-height:16px;}
.line18{ line-height:18px;}
.line20{ line-height:20px;}
.line21{ line-height:21px;}
.line22{ line-height:22px;}
.line22 td{ line-height:22px;}
.line24{ line-height:24px;}
.line25{ line-height:25px;}
.line26{ line-height:26px;}
.line28{ line-height:28px;}
.line30{ line-height:30px !important;}
.line32{ line-height:32px;}
.line30 p{ line-height:30px !important;}
.line36{ line-height:36px;}
.line38{ line-height:38px;}
.line40{ line-height:40px;}
.line35{ line-height:35px;}
.line45{ line-height:45px;}
.line50{ line-height:50px;}

.radius_3px{border-radius:3px;}
.radius_5px{border-radius:5px;}
.radius_10px{border-radius:10px;}
.m-flex-wap{ display: -webkit-box!important;display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: center;}
.m-flex-per{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;}
.m-flex-per2{ -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;}
.m-flex-per3{ -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;}
.m-flex-per4{ -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;}
.m-flex-per5{ -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;}
.left2{ margin-left:2px;}
.left5{ margin-left:5px;}
.left10{ margin-left:10px;}
.left13{ margin-left:13px;}
.left15{ margin-left:15px;}
.left20{ margin-left:20px;}
.left25{ margin-left:25px;}
.left30{ margin-left:30px;}
.left35{ margin-left:35px;}
.left40{ margin-left:40px}
.left50{ margin-left:50px;}
.left55{ margin-left:55px;}
.left60{ margin-left:60px;}
.left70{ margin-left:70px;}
.left7{ margin-left:7px;}
.left90{ margin-left:90px;}
.left58{ margin-left:58px;}
.left120{ margin-left:120px;}
.left100{ margin-left:100px;}

.right2{ margin-right:2px;}
.right5{ margin-right:5px;}
.right10{ margin-right:10px;}
.right13{ margin-right:13px;}
.right15{ margin-right:15px;}
.right20{ margin-right:20px;}
.right25{ margin-right:25px;}
.right30{ margin-right:30px;}
.right35{ margin-right:35px;}
.right40{ margin-right:40px}
.right50{ margin-right:50px;}
.right55{ margin-right:55px;}
.right60{ margin-right:60px;}
.right70{ margin-right:70px;}
.right90{ margin-right:90px;}
.right120{ margin-right:120px;}

.top2{ margin-top:2px;}
.top3{ margin-top:3px;}
.top5{ margin-top:5px;}
.top6{ margin-top:6px;}
.top7{ margin-top:7px;}
.top8{ margin-top:8px;}
.top10{ margin-top:10px;}
.top12{ margin-top:12px;}
.top15{ margin-top:15px;}
.top18{ margin-top:18px;}
.top20{ margin-top:20px;}
.top22{ margin-top:22px;}
.top24{ margin-top:24px;}
.top25{ margin-top:25px;}
.top30{ margin-top:30px;}
.top35{ margin-top:35px;}

.top40{ margin-top:40px;}
.top45{ margin-top:45px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.top65{ margin-top:65px;}
.top70{ margin-top:70px;}
.top90{ margin-top:90px;}

.btm3{ margin-bottom:3px;}
.btm5{ margin-bottom:5px;}
.btm6{ margin-bottom:6px;}
.btm7{ margin-bottom:7px;}
.btm8{ margin-bottom:8px;}
.btm10{ margin-bottom:10px;}
.btm12{ margin-bottom:12px;}
.btm15{ margin-bottom:15px;}
.btm18{ margin-bottom:18px;}
.btm20{ margin-bottom:20px;}
.btm22{ margin-bottom:22px;}
.btm30{ margin-bottom:30px;}
.btm40{ margin-bottom:40px;}
.btm45{ margin-bottom:45px;}
.btm50{ margin-bottom:50px;}
.btm90{ margin-bottom:90px;}


.col555,.col555 a:link,.col555 a:visited,a.col555:link, a.col555:visited{color:#555;text-decoration: none;}
.col555 a:hover,.col555 a:active,a.col555:hover, a.col555:active{color:#c9726a;text-decoration: none;}

.col333,.col333 a:link,.col333 a:visited,a.col333:link, a.col333:visited{color:#333;text-decoration: none;}
.col333 a:hover,.col333 a:active,a.col333:hover, a.col333:active{color:#c9726a;text-decoration: none;}

.col999,.col999 a:link,.col999 a:visited,a.col999:link, a.col999:visited{color:#999;text-decoration: none;}
.col999 a:hover,.col999 a:active,a.col999:hover, a.col999:active{color:#c9726a;text-decoration: underline;}

.col666,.col666 a:link,.col666 a:visited,a.col666:link, a.col666:visited{color:#666;text-decoration: none;}
.col666 a:hover,.col666 a:active,a.col666:hover, a.col666:active{color:#c9726a;text-decoration: underline;}

.colfff,.colfff a:link,.colfff a:visited,a.colfff:link, a.colfff:visited{color:#fff;text-decoration: none;}
.colfff a:hover,.colfff a:active,a.colfff:hover, a.colfff:active{color:#fff;text-decoration: none;}

.colblue,.colblue a:link,.colblue a:visited,a.colblue:link, a.colblue:visited{color:rgba(78, 127, 230, 1);text-decoration: none;}
.colblue a:hover,.colblue a:active,a.colblue:hover, a.colblue:active{color:#0885BC;text-decoration: underline;}

.colblue2,.colblue2 a:link,.colblue2 a:visited,a.colblue2:link, a.colblue2:visited{color:#1755B1;text-decoration: none;}
.colblue2 a:hover,.colblue2 a:active,a.colblue2:hover, a.colblue2:active{color:#0885BC;text-decoration: underline;}

.colred,.colred a:link,.colred a:visited,a.colred:link, a.colred:visited{color:rgba(255, 93, 82, 1)!important;text-decoration: none;}
.colred a:hover,.colred a:active,a.colred:hover, a.colred:active{color:#c52424;text-decoration: underline;}

.col000,.col000 a:link,.col000 a:visited,a.col000:link, a.col000:visited{color:#000;text-decoration: none;}
.col000 a:hover,.col000 a:active,a.col000:hover, a.col000:active{color:#a37c1a;text-decoration: none;}

.colPink,.colPink a:link,.colPink a:visited,a.colPink:link, a.colPink:visited{color:#ff422f;text-decoration: none;}
.colPink a:hover,.colPink a:active,a.colPink:hover, a.colPink:active{color:#cb1100;text-decoration: none;}

.colpurple{ color: #cc72c5 }
.colye{ color:#F66800;}
.colGreen{ color:#b8d38f;}

.pointer{ cursor:pointer}
.bor_btm_da{ border-bottom:1px dashed #ccc;}
.bor_btm_so{ border-bottom:1px solid #ddd;}
.disInline{ display:inline;}

.bgFFF, .bgfff{ background-color:#fff;}
.bgF5{ background-color:#f5f5f5;}
.shadow{box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.verMid{ vertical-align:middle} 
.through{text-decoration:line-through}
.chosen{ display:none;}
.align-right{ text-align:right }
.align-left{ text-align:left }
.underline{ text-decoration:underline !important}
.italic{ font-style: italic;}

::-webkit-scrollbar {  
  width: 14px;  
  height: 14px;  
}  
  
::-webkit-scrollbar-track,  
::-webkit-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}  
  
::-webkit-scrollbar-track {  
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  
}  
  
::-webkit-scrollbar-thumb {  
  min-height: 20px;  
  background-clip: content-box;  
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;  
}  
  
::-webkit-scrollbar-corner {  
  background: transparent;  
}


.icoAll{ vertical-align: middle; display: inline-block; background-size: 100% 100%;}
.ico9{ width: 35px; height: 33px; background-image: url(../assets/ico9.png);}


.header{ height: 90px; line-height: 90px; background: url(../assets/img3.png); background-size: 100% 97px;}
.header span{ vertical-align: middle;}
.tx1{ width: 46px; height: 46px; border-radius: 50%; vertical-align: middle;}
.seachInput{ height: 44px; color: #fff; border-radius: 22px; width: 300px; line-height: 45px; border: 1px solid #fff; padding: 0 10px; color: #fff; background: none;}
.seachInput:focus{ outline:none}
.seachInput::-webkit-input-placeholder{ color: #fff;} 
.logo{ width: 41px; height: 41px; vertical-align: middle;}
.main{ height: calc(100vh - 90px); width: 100%}
.main2{ height: calc(100vh - 180px); width: 100%}
.mainLeft{ width: 260px; height: 100%; overflow: auto; background-color: #2C313D; position: absolute; top: -2px; left: 0}
.mainRight{ margin-left: 260px; height: 100%; overflow: auto; background-color: #ECF0F3;}
.mainRight .cont{ background-color: #fff; height: calc(100vh - 185px); width: 100%; overflow: auto;}
.main2 .mainRight .cont{ height: calc(100vh - 275px); width: 100%; overflow: auto;}
.menuTab .span{ height: 46px; margin-right: 2px; line-height: 46px; display: inline-block; border-radius: 10px 10px 0 0; overflow: hidden; font-size: 18px; cursor: pointer; padding: 0 10px; background-color: #fff; border-bottom: 1px solid #fff;}
.menuTab .span.active{ border-bottom: 1px solid #6395FF;}

.mcard1{ margin: 0 10px;
  background:rgba(255,255,255,1);
  border:2px solid rgba(211,213,225,1);
  border-radius:12px; overflow: hidden;}
.mcard1 .t{  text-align: center; color: #fff; font-size: 24px;
  line-height:55px;
  }
.mcard1 .c{ text-align: center; line-height: 69px; font-size: 40px;}

.tit1{ font-size:24px; padding-left: 10px;
  font-weight:bold;
  color:rgba(51,51,51,1);
  border-left: 4px solid rgba(51,51,51,1);
  }
  .tit2{ font-size:18px; padding-left: 10px;
    font-weight:bold;
    color:#37474F;
    border-left: 2px solid #37474F;
    }
  .tableHeader th{ background-color: rgba(241, 245, 249, 1)!important; font-weight: bold!important; color: #333!important;}


.menuWap2{ width: 100%;}
.menuWap2 .d{ text-align: center; line-height: 70px; border: 1px solid #EBEEF7; border-top: none; font-size: 22px; cursor: pointer;}
.menuWap2 .d.a{ background-color: #6395FF; color: #fff;}

.menuWap2 .t{ background-color: #EBEEF7; font-size: 24px; color: #333;}

.kbWap{width: 100%; height: 100%; background-color: rgba(236, 240, 243, 1)} 
.kbTop{ height: 45px;  border-bottom: 4px solid rgba(215, 222, 237, 1); border-top: 1px solid rgba(215, 222, 237, 1); text-align: center;}
.kbTop .span{ line-height: 45px; font-size: 20px; cursor: pointer; margin: 0 20px; display: inline-block; border-bottom: 4px solid rgba(215, 222, 237, 1); padding: 0 20px; }
.kbTop .span.active{ color: rgba(78, 127, 230, 1); border-color: rgba(78, 127, 230, 1);}
.kbCont .div{ height: calc(100vh - 260px); overflow: auto; border: 1px solid;border:2px solid rgba(211,213,225,1);
  border-radius:10px; background-color: #fff; margin: 0 10px;}
.kbCont .div .h{ height: 63px; padding: 0 20px;}
.kbCont .div .h .title{ margin-top: 20px; line-height: 1; color: #fff; font-size: 24px; font-weight: bold; padding-left: 10px; border-left: 4px solid #fff; display: inline-block;}
.kbCont .div .c{ border-top: 1px solid rgba(211, 213, 225, 1); border-bottom: 1px solid rgba(211, 213, 225, 1); padding: 20px;}

.jdt{ width:100%;
  height:4px;
  background:rgba(224,231,246,1);
  border-radius:2px;}
  .jdt .per{
    height:4px;
    background:rgba(78,127,230,1);
    border-radius:2px;}
.iMBox{ 
  padding: 50px;
  background:rgba(255,255,255,1);
  box-shadow:0px 0px 6px 0px rgba(139,157,175,0.16);
  border-radius:10px;}
.iMBox .i1{ margin-right: 50px; width: 60px; height: 60px; float: left;}
.iMBox .t1{-webkit-background-clip:text;
  color: transparent; font-size:40px;
  font-weight:bold;}
.commonBox{
  box-sizing: border-box;
padding: 30px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 6px 0px rgba(139,157,175,0.16);
border-radius:10px;
}

.commonBox2{
  padding: 15px;
  background:rgba(255,255,255,1);
box-shadow:0px 0px 6px 0px rgba(139,157,175,0.16);
border-radius:20px;
}

.commonBox3{
  width: 48%; margin: 10px 1%; float: left;
height:145px; overflow: hidden;
background:rgba(255,255,255,1);
box-shadow:0px 6px 21px 0px rgba(211,215,221,0.22);
border-radius:14px;
}
.commonBox3 .a{ width:50px;
  height:50px;
  border-radius:10px;}


.commonBox .t{ border-bottom: 1px solid #CCCBCB; padding-bottom: 30px; font-size: 24px;}
.commonBox .t .tit{ padding-left: 10px; border-left: 3px solid #595959;}
.yuan{ width: 12px; height: 12px; border-radius: 50%; display: inline-block;}

.commonBox4{
  
background:rgba(255,255,255,1);
box-shadow:0px 6px 21px 0px rgba(211,215,221,0.22);
border-radius:14px;
}
.commonBox5{
background:rgba(255,255,255,1);
box-shadow:0px 0px 6px 0px rgba(139,157,175,0.16);
border-radius:4px;
}

.yuan2{ font-size: 12px; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; background-color: #D0D4DF; border-radius: 50%; display: inline-block;}
.line1{
  height:11px;
  border-radius:4px;}

.line2{
  width:148px;
height:6px; display: inline-block;
background:rgba(241,241,242,1);
border-radius:3px;
}
.line2 .per{ height: 100%;background:linear-gradient(90deg,rgba(110,152,255,1) 0%,rgba(79,193,255,1) 100%);
  box-shadow:0px 2px 4px 0px rgba(251,173,76,0.4);
  border-radius:3px;}
  .line3{ width: 100%; position: absolute; bottom: 0; left: 0;}
  .line3 .per{
    height:4px;
    
    box-shadow:0px 6px 21px 0px rgba(211,215,221,0.22);
    border-radius:14px;}


.phb{
  padding: 0; 
}
.phb .t{ line-height: 70px; text-align: center; font-size: 30px; font-weight: bold;}

.m-table1 td{ padding: 15px; text-align: center; font-size: 20px; color: #333;}
.m-table1 .tr td{ border-bottom: 1px solid #EBEEF7; font-size: 24px;}
.txtOver1{ width: 100%; box-sizing: border-box; overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.mainLeft .el-icon-arrow-down{ position: absolute; right: 10px; top: 15px;}

.header2 .span{ float: left; height: 85px; text-align: center; font-size: 20px;}
.header2 .span.active{ background-color: #6990FF;}
.header2 .i1{ width:50px;
  height:50px;}
  .header2 .i2{ width:31px;
    height:33px;}

